﻿@using RiderShop.Mobile.ServiceEntity.Sort
@model RiderShop.Mobile.Modle.Home.IndexViewModel
@section header
{
<link href="~/Themes/RongJi/Style/base/css/home.css" rel="stylesheet">
<link href="~/Themes/RongJi/Style/plugins/flexSlider-2.2.2/flexslider.css" rel="stylesheet">
}
<div class="wrapper-1200">
        <div id="homeSliders">
            <div id="flexslider-loading"></div>
            <div class="flexslider">
                <ul class="slides">
                    @* @foreach (var item in Model.Banner.HomeTop01Images)
                        {
                        <li>
                            <a href="@item.NavigateUrl"><img src="@item.ActualImageUrl" /></a>
                        </li>
                        }*@
                </ul>
            </div>
        </div>
        <div id="preSell">
            <h2><span>鲜预购</span></h2>
            <ul>
                @foreach (var item in Model.Banner.HomeTop02Images)
                {
                     <li><a href="@item.NavigateUrl"><img alt="" src="@item.ActualImageUrl"><span></span></a></li>
                }
            </ul>
        </div>
        <div id="limitedBuy">
            <h2><span>限时抢鲜</span></h2>
            @foreach (var item in Model.Banner.HomeTop03Images)
            {
                <a href="@item.NavigateUrl"><img alt="" src="@item.ActualImageUrl"><span></span></a>
            }
        </div>
        <div id="oneYear">
            <h2><span>三百六十五日鲜</span></h2>
            <ul>
                
                @for (int index = 0; index < Model.Promotion.Porducts.Count / 5 * 5 && index < 16; index++)
                {
                    var @group = Model.Promotion.Porducts[index];
                    var item = @group;
                    <li class="oneYearItem">
                        <a href="~/Product/ProductDetail?prd=@item.ProductId"><img src="@item.ActualImageUrl" alt="@item.LittleTitle"></a>
                        <h3><a href="~/Product/ProductDetail?prd=@item.ProductId">@item.LittleTitle</a></h3>
                        <span class="price">￥@(item.UnitPrice)<del>@item.MarketPrice</del></span>
                    </li>
                }
                <br class="clearfix">
            </ul>
        </div>
    </div>
@section footer
{
<script src="~/Themes/RongJi/Style/plugins/flexSlider-2.2.2/jquery.flexslider-min.js"></script>
<script src="~/Themes/RongJi/Style/plugins/jquery.zoomImgRollover.js"></script>
<script src="~/Themes/RongJi/Style/plugins/spin.min.js"></script>
<script src="~/Themes/RongJi/Style/base/js/home.js"></script>
}